import { RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';
import { FormSlideUpComponent } from './form-slide-up/form-slide-up.component';
import { AnimationsComponent } from './animations.component';
import { BasicAmComponent } from './basic/basic-am.component';
import { DirectiveAnimeComponent } from './directive-anime/directive-anime.component';

const routes: Routes = [
  {
    path: '',
    component: AnimationsComponent,
    children: [
      { path: 'basic', component: BasicAmComponent },
      { path: 'formSlideUp', component: FormSlideUpComponent },
      { path: 'directive', component: DirectiveAnimeComponent },
      { path: '', redirectTo: 'basic', pathMatch: 'full' },
    ],
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class AnimationsRoutingModule {}
